    @media screen and (min-width:1280px) {
        .container {
            width: 1280px;
        }
    }
    
    body {
        background-color: #ccc;
    }
    
    .container {
        background-color: #fff;
    }
    
    ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    a {
        text-decoration: none!important;
        color: #666666;
    }
    
    .header {
        padding-left: 0;
    }
    
    .log {
        text-align: center;
        background-color: #429ad9;
    }
    
    .log img {
        /* width: 100%; */
        max-width: 100%;
    }
    
    .log span {
        font-size: 20px;
        padding: 10px 0;
        display: block;
    }
    
    .nav {
        background-color: #dde2e6;
        border-bottom: 1px solid rgb(197, 191, 191);
    }
    
    @media screen and (max-width:991px) {
        .nav li {
            float: left;
            width: 20%;
        }
        .article {
            margin-top: 20px;
            padding-left: 0!important;
        }
    }
    
    @media screen and (max-width:767px) {
        .nav li a {
            padding-left: 12px;
            font-size: 12px;
        }
        .news li:nth-child(1) {
            width: 100%!important;
        }
        .news li:nth-child(n+2) {
            width: 50%;
        }
        .news li:nth-child(2n) {
            padding-left: 0!important;
        }
        .publish li {
            height: 65px!important;
        }
        .publish h3 {
            font-size: 14px;
        }
        .aside {
            padding-left: 0!important;
        }
    }
    
    .nav a {
        padding-left: 30px;
        display: block;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }
    
    .nav a:hover {
        background-color: #fff;
        color: #333333;
    }
    
    .nav a::before {
        vertical-align: middle;
        padding-right: 5px;
    }
    
    .news li {
        float: left;
        width: 25%;
        height: 128px;
        margin-bottom: 10px;
    }
    
    .news li:nth-child(1) {
        width: 50%;
        height: 266px;
    }
    
    .news li a {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }
    
    .news li:nth-child(n+2) {
        padding-left: 10px;
        font-size: 12px;
    }
    
    .news li:nth-child(n+2) p {
        font-size: 12px;
    }
    
    .news li a img {
        width: 100%;
        height: 100%;
    }
    
    .news li a p {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 41px;
        line-height: 41px;
        margin-bottom: 0;
        padding-left: 5px;
        background-color: rgba(0, 0, 0, 0.5);
        color: #fff;
        font-size: 20px;
    }
    
    .publish {
        border-top: 1px solid #cccccc;
    }
    
    .publish ul li {
        height: 210px;
        border-bottom: 1px solid #ccc;
    }
    
    .publish ul li .pic {
        margin-top: 10px;
    }
    
    .publish ul li img {
        width: 100%;
    }
    
    .publish ul li span {
        display: block;
        padding-top: 10px;
        padding-bottom: 20px;
        font-size: 13px!important;
    }
    
    .aside a {
        display: block;
    }
    
    .aside .box1 {
        height: 131.9px;
    }
    
    .aside .box1 img {
        width: 100%;
    }
    
    .aside .box2 {
        margin-top: 20px;
        border: 1px solid #ccc;
        padding: 0 20px 20px 20px;
    }
    
    .aside .box2 p {
        font-size: 12px;
    }
    
    .aside .box2 span {
        display: inline-block;
        border: 1px;
        padding: 10px;
        margin-bottom: 20px;
    }